<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
    <script>
        var html = document.getElementsByTagName('html')[0];
        html.style.fontSize = html.clientWidth / 3.75 + "px";
    </script>
    <title>批发订单</title>
    <link rel="stylesheet" href="../static/css/Reset.css" />
    <link rel="stylesheet" href="../static/css/pforderList.css" />
</head>
<body style="background:#F2F2F2;">
<div class="pfContainer">
<div class="tabs">
    <span type="1">全部</span>
    <span type="2" class="two">待确认</span>
    <span type="3" class="three">已确认</span>
    <span type="4" class="four">已付款</span>
    <span type="5" class="five">已完成</span>
    <span type="6" class="six">已取消</span>
</div>

    <div class="contents" id="allOrders">
        <div class="order" v-for="order in showOrders" v-cloak>
            <div class="sdd_shopMessage">
                <span class="shopName">订单编号{{ order.orderNo}}</span>
                <span class="orderTime">{{ order.orderStatusName}}</span>
            </div>
            <a :href='"pforderDetail.html?order=" + order.orderId +"&orderStatus=" + order.orderStatus'>
                <div class="sdd_orderMessage">
                    <div class="sdd_productImg">
                        <img v-bind:src="order.mainImage" />
                        <p v-if="order.supplyDesc">正在供应</p>
                        <p v-if="!order.supplyDesc">已下市</p>
                    </div>
                    <div class="sdd_productDetails">
                        <p class="sdd_productTitle">
                        {{ order.goodsName}}
                        </p>
                        <p>
                            <span class="fl_l">商议数量： {{ order.goodsAmount}}{{ order.unit}}</span>
                            <!--<span class="fl_r" v-if="order.price"><span class="sdd_proPrice">¥{{order.price}}</span>/{{ order.unit}}</span>
                            <span class="fl_r" v-if="!order.price"><span class="sdd_proPrice">可议</span></span>-->
                        </p>
                        <p>实付金额：¥<i class="blxs">{{order.payAmount}}</i></p>
                    </div>
                </div>
            </a>    
        </div>
        <!--暂无相关-->
        <div v-if="noData" class="NoFllow" v-clock>
            <img src="../static/images/defaultImg1.png" alt="">
            <div class="nofllowText">您还没有相关订单！</div>
        </div>
        <!--loading组件-->
        <loading v-show="showLoading"></loading>
    </div>
</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=1BiZDIdoRV9iryDNcdF4oU37pqwftOin&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/commons.js"></script>
<script type="text/javascript" src="./js/pforderList.js"></script>
</html>